<script setup lang="ts">
// 定义数据，任何类型都可以
const msg = 'hello 黑马'
const cat = {
  name: 'miaomiao',
  food: 'yu',
  color: 'huangbai',
}
</script>

<!-- 结构 -->
<template>
  <div>
    <h1>鸟好:{{ msg }}</h1>
    <P>{{ cat }}</P>
    {{ msg }}
  </div>
</template>

<!-- 样式 -->
<style lang="scss" scoped>
h1 {
  background-color: orange;
}
p {
  background-color: pink;
}
</style>